﻿@charset "utf-8";
/* CSS Document */

/**pdp sprite,20150724,sww**/

.pdpCommentBtn:after,.pdpEmailTo:before,.pdpAddFavorate:before,.pdpWeibo,.pdpWeixn,.prevV,.nextV {
	background: url('../../imgs/pdp_sprite.png') no-repeat;
	content: ''
}
/**bcBox,20150724,sww**/
.bcBox.path {
	margin: 128px auto 20px auto
}

/*product detail,namespace:pdp,20150724,sww*/
.pdpInfo {
	margin: 0 auto 0
}

.pdpInfo .col3 {
	padding: 0;
	margin: 0;
}

.pdpTit {
	font-size: 20px;
	margin-top: 15px;
	line-height: 30px
}

.pdpTit em {
	display: block;
	font-family: "adihausbold","黑体";
}

.pdpPrice {
	display: block;
	font-size: 18px;
	margin-top: 10px;
	font-family: "adihausbold","黑体";
}

.pdpPrice del {
	font-size: 12px;
	color: #9A9B9B;
	padding-left: 5px;
}

.pdpColorBox {
	margin-top: 25px
}

.pdpColorTxt {
	display: block;
	color: #9a9b9b;
	font-size: 12px
}

.pdpColorTxt span {
	display: inline-block;
	margin-right: 5px
}

.pdpColorTxt span:after {
	display: inline-block;
	content: '/';
	margin-left: 5px
}

.pdpColorTxt span.last:after {
	content: ''
}

.pdpColorImg {
	display: block;
	margin-top: 10px
}

.pdpColorImg img {
	float: left;
	width: 50px;
	height: 50px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.pdpColorImg img.last {
	margin-right: 0
}

.pdpColorImg img:hover {
	border: 1px solid #c8cbcc;
	border-bottom: 3px solid #0286cd
}

.pdpColorImg .cur img {
	border: 1px solid #c8cbcc;
	border-bottom: 3px solid #000
}

.pdpSizeBox {
	margin-top: 0px
}

.pdpWWbox {
	float: left;
	padding: 10px;
	border: 1px solid #000;
	opacity: .6;
}

.pdpWeibo,.pdpWeixn {
	text-indent: -9999px;
	display: block;
	width: 18px;
	height: 15px
}

.pdpWeibo {
	background-position: -56px 0
}

.pdpWeixn {
	background-position: -76px 0
}

.pdpSizeBox .copySelect {
	float: left;
	width: 68px
}

.pdpSizeBox .copySelectSize,.pdpCommentsFilter .copySelect {
	float: left
}

.pdpSizeTxt {
	color: #0286cd;
	font-size: 12px;
	display: block;
	margin-bottom: 10px;
	line-height: 30px;
}

.pdpSizeTxt:hover {
	text-decoration: underline
}

.pdpRight {
	width: 630px;
	float: left
}

.pdpTxt {
	margin: 60px auto 0
}

.pdpTxtInfo {
	font-size: 14px;
	line-height: 24px;
	display: block;
	width: 660px;
	margin: 30px auto 30px;
	text-align: center
}

.pdpImgTxt {
	width: 555px;
	margin: 0 auto
}

.pdpImgTxt img,.pdpTxtDetail {
	float: left
}

.pdpTxtDetail {
	margin: 0 0 0 30px;
	width: 275px
}

.pdpLogo {
	position: absolute;
	top: 15px;
	left: 20px
}

.pdpTxtDetail p {
	display: block;
	position: relative;
	padding-left: 15px;
	font-size: 16px;
	margin-bottom: 15px;
	line-height: 26px
}

.pdpTxtDetail p:before {
	content: '·';
	display: block;
	position: absolute;
	left: 0;
	font-size: 20px;
	top: 0
}

.pdpCopySelectTit {
	float: left;
	margin: 13px 10px 0 0;
	font-size: 14px;
	font-weight: bold;
}

.pdpCommentsFilter .copySelect {
	width: 160px
}

.pdpCommentsTop {
	border-bottom: 3px solid #ebebeb;
	padding: 15px 0;
	border-top: 1px solid #ebebeb;
	margin-top: 20px;
}

.pdpCommentBtn {
	margin-top: 13px;
	font-size: 15px;
	color: #0286cd
}

.pdpCommentBtn:after {
	width: 20px;
	height: 17px;
	display: inline-block;
	background-position: 0 0;
	vertical-align: middle;
	margin: -1px 0 0 10px
}

.pdpCommentsBox {
	margin: 20px 0 0 0;
	padding: 0 0 20px 0;
	border-bottom: 2px solid #ebebeb
}

.pdpCommentsBox .col5 {
	padding: 0
}

.pdpCommentsUserInfo span {
	color: #aeaeae;
	font-weight: normal;
}

.pdpCommentsUserInfo {
	margin-top: 10px;
	clear: both;
	font-size: 14px;
	font-weight: bold;
}

.pdpCommentsTime {
	color: #9a9b9b;
	float: right;
}

.pdpCommentsTxt {
	margin-left: 0;
	width: 630px;
	margin-top: 15px;
}

.pdpCommentsTit {
	font-size: 18px;
	margin-bottom: 10px;
	font-weight: bold;
}

.pdpCommentsCont {
	color: #666;
	font-size: 14px;
	line-height: 24px
}

.pdpCommentPage {
	float: right;
	margin-top: 30px
}

.pdpCommentPage a {
	float: left;
	padding: 5px;
	color: #0286cd
}

.pdpCommentPage a:hover {
	text-decoration: underline;
	color: #025f8e
}

.pdpCommentPage a.more {
	color: #000
}

.pdpEmailTo,.pdpAddFavorate {
	color: #0286cd;
	font-size: 12px;
	display: inline-block
}

.pdpEmailTo:hover,.pdpAddFavorate:hover {
	color: #025f8e;
	text-decoration: underline
}

.pdpEmailTo {
	margin-left: 20px
}

.pdpEmailTo:before,.pdpAddFavorate:before {
	display: inline-block;
	vertical-align: middle;
	width: 15px;
	height: 16px;
	margin: -2px 5px 0 0
}

.pdpEmailTo:before {
	background-position: -24px 0;
}

.pdpAddFavorate:before {
	background-position: -40px 0
}

.pdpSmallImgList {
	float: left;
	margin-left: 0;
	width: 60px;
	height: 500px;
	overflow: hidden;
	padding: 35px 0 20px 0;
	position: relative
}

.pdpSmallImgdBox {
	height: 450px;
	overflow: hidden
}

.pdpSmallImgList a {
	display: block;
	width: 60px;
	height: 60px;
	margin-bottom: 15px;
	cursor: pointer
}

.pdpSmallImgList a.cur img {
	border-bottom: 3px solid #000
}

.pdpSmallImgList img:hover {
	border-bottom: 3px solid #0286cd
}

.pdpSuggestList .flex-control-nav {
	display: none
}

.pdpComments {
	margin: 50px auto 0;
	position: relative;
	z-index: 1;
	/*padding-bottom: 40px;*/
}

.pdpSmallImgList a.prevV,.pdpSmallImgList a.nextV {
	width: 20px;
	height: 11px;
	position: absolute;
	left: 50%;
	margin-left: -10px;
	display: block;
	text-indent: -9999px;
	margin-bottom: 0;
}

.pdpSmallImgList a.prevV.disabled,.pdpSmallImgList a.nextV.disabled {
	opacity: .5;
}

.prevV {
	background-position: -98px 0;
	top: 14px
}

.nextV {
	background-position: -120px 0;
	bottom: 4px
}

.pdpSuccesTxt {
	font-size: 24px;
	display: block;
	margin-top: 20px
}

/**invoice pop info,20150803,sww**/
.emailAddresseeDel {
	background: url('../../imgs/checkout.png') no-repeat;
	content: ''
}

.popEmai .popupContentBox {
	width: 600px;
	margin-left: -300px;
	top: 10%
}

.popEmai h3 {
	text-align: left;
	margin-bottom: 40px
}

.emailFrom h4 {
	margin-bottom: 10px
}

.emailFrom {
	margin: 15px 55px 0;
	text-align: left
}

.emailTit {
	display: block;
	height: 30px;
	line-height: 30px
}

.popEmaiNav {
	margin-top: 10px;
	display: inline-block;
	width: 100%;
}

.popEmaiNav a {
	float: left;
	display: block
}

.popEmaiNav a.addEmail {
	margin-right: 10px;
	margin-left: 18%
}

.setEmailContent {
	padding: 20px 20px 15px
}

.setEmailContent .emailInfo {
	display: inline-block;
	position: relative;
	width: 100%;
	margin-top: 6px
}

.setEmailContent .emailInfo .emailTit {
	float: left;
	width: 15%;
	text-align: right;
	margin-right: 3%;
	min-width: 60px
}

.setEmailContent .emailInfo .commonInputBox {
	float: left;
	width: 82%
}

.emailInfo .textInput {
	height: 30px;
	line-height: 30px
}

.emailInfo .textareaInput {
	height: 125px;
}

.emailFrom .getEmail {
	position: relative;
	margin-bottom: 10px
}

.emailFrom .getEmail.clone {
	border-top: 1px dashed #c8cbcc;
	padding: 4px 0 0 0
}

.emailFrom .getEmail.clone .emailAddresseeDel {
	background-position: 0 -19px;
	width: 25px;
	height: 25px;
	position: absolute;
	top: 5px;
	right: -30px;
	cursor: pointer
}

.emailFrom h4 {
	width: 15%;
	text-align: right;
	min-width: 60px
}

/*details, namespace:time, 2015-9-22 louis*/
.shipTime {
	height: 25px;
	line-height: 25px
}

.shipNum {
	color: #0286cd
}

/*2016-9,mumu*/
.pdpOtherTit {
	text-align: center;
	font-size: 24px;
	font-family: "adihausbold","黑体";
	font-weight: bold;
}

.headCategory {
	background: #fff;
	height: 40px;
	line-height: 40px;
	width: 100%;
	border-bottom: 1px solid #c9cbcd;
	box-shadow: none;
}

.skuBox {
	z-index: 2;
	width: 500px;
	margin-left: 20px
}

.skuImgSuper {
	position: absolute;
	left: 500px;
	top: 0;
	width: 370px;
	height: 500px;
	overflow: hidden;
	display: none;
	z-index: 7;
	border: 6px solid #c8cbcc
}

.copySelectSize.errorSelect .selectBox,.copySelect.errorSelect .selectBox {
	border-bottom: 1px solid #c8cbcc;
	margin-bottom: 0
}

.selectBox.on {
	border-bottom: 1px solid #c8cbcc
}

.addCart.btnCommon.btnBlueLinear.btnAddBag,.addCart.btnCommon.btnBlueLinear.btnLoading {
	font-weight: bold;
}

.pdpMiadidas h5 {
	font-size: 16px;
	margin-bottom: 5px;
}

.pdpMiadidas h5 span {
	font-size: 16px;
	margin-bottom: 5px;
	font-family: "adihausbold","黑体";
	margin-left: 5px;
}

.pdpMiadidas .btnMiadidas {
	width: 310px;
	height: 44px;
	display: inline-block;
	text-indent: -9999px;
	background: url(../imgs/icon.png) no-repeat;
	background-position: -105px 0;
}

.pdpStarBox {
	height: 15px;
	line-height: 15px;
}

.pdpStarBox a {
	line-height: 15px;
	color: #0286cd;
}

.pdpStarBox a:hover {
	color: #025f8e;
}

.pdpStarBox .star {
	float: left;
	background: url('../../images/detail/icon.png') no-repeat;
	width: 102px;
	height: 15px;
	margin-right: 10px;
}

.pdpStarBox .star0 {
	background-position: -180px -85px;
}

.pdpStarBox .star1 {
	background-position: 0 0;
}

.pdpStarBox .star2 {
	background-position: 0 -16px;
}

.pdpStarBox .star3 {
	background-position: 0 -32px;
}

.pdpStarBox .star4 {
	background-position: 0 -48px;
}

.pdpStarBox .star5 {
	background-position: 0 -64px;
}

.pdpSuggestBox {
	margin: 45px auto 0;
}

.pdpSuggestList {
	height: 400px;
}

.productTile.hover .productInfo {
	display: block;
}

.productTile .productLink {
	display: block;
	font-size: 12px;
	line-height: 18px;
	padding: 10px 0 0;
	margin-bottom: 15px;
	height: 46px;
	overflow: hidden;
	border-top: none
}

.productTile .price .star {
	background: url(../imgs/icon.png) no-repeat;
	color: #9a9b9b;
	height: 9px;
	margin-top: 3px;
	padding-left: 65px;
	font-size: 12px;
	font-weight: normal;
	line-height: 10px;
}

.productTile .price .star0 {
	background-position: -180px -105px;
}

.productTile .price .star1 {
	background-position: 0 -84px;
}

.productTile .price .star2 {
	background-position: 0 -94px;
}

.productTile .price .star3 {
	background-position: 0 -104px;
}

.productTile .price .star4 {
	background-position: 0 -114px;
}

.productTile .price .star5 {
	background-position: 0 -124px;
}

.pdpSuggestList .pagination {
	height: 6px;
	width: 100%;
	text-align: center;
	position: absolute;
	bottom: 25px;
}

.pdpSuggestList .pagination .touchslider-nav-item {
	width: 6px;
	height: 6px;
	background: #c7cacb;
	display: inline-block;
	cursor: pointer;
	margin: 0 3px;
	border-radius: 50%;
}

.pdpSuggestList .pagination .touchslider-nav-item.cur {
	background: #0082ca;
}

.productTile .price {
	margin-bottom: 15px;
	font-family: "adihausbold","黑体";
	font-weight: normal;
}

.productTile {
	height: auto;
}

.pdpCommentsList {
	width: 630px;
	float: right;
}

.pdpCommentsBox .star {
	float: left;
	background: url(../imgs/icon.png) no-repeat;
	width: 102px;
	height: 15px;
	margin-right: 10px;
}

.pdpCommentsBox .star0 {
	background-position: -180px -85px;
}

.pdpCommentsBox .star1 {
	background-position: 0 0;
}

.pdpCommentsBox .star2 {
	background-position: 0 -16px;
}

.pdpCommentsBox .star3 {
	background-position: 0 -32px;
}

.pdpCommentsBox .star4 {
	background-position: 0 -48px;
}

.pdpCommentsBox .star5 {
	background-position: 0 -64px;
}

.nextPage {
	background-position: -64px -136px;
	width: 34px;
	height: 34px;
	vertical-align: middle;
	text-indent: -9999px;
	margin-top: -5px
}

.prevH,.nextH {
	width: 26px;
	height: 26px;
	position: absolute;
	display: block;
	text-indent: -9999px;
	z-index: 5;
	top: 120px
}

.prevH {
	background-position: -164px -102px;
	left: 10px
}

.prevH.unable {
	background-position: -72px -102px
}

.nextH {
	background-position: -102px -102px;
	right: 10px
}

.nextH.unable {
	background-position: -132px -102px;
}

.commentsTotal {
	float: left;
	width: 270px;
	text-align: center;
	padding-top: 50px;
}

.commentsTotal .star {
	width: 174px;
	height: 30px;
	margin: 0 auto 15px;
	background: url(../imgs/icon.png) no-repeat;
}

.commentsTotal .star0 {
	background-position: -180px -50px;
}

.commentsTotal .star1 {
	background-position: 0 -135px;
}

.commentsTotal .star2 {
	background-position: 0 -170px;
}

.commentsTotal .star3 {
	background-position: 0 -205px;
}

.commentsTotal .star4 {
	background-position: 0 -240px;
}

.commentsTotal .star5 {
	background-position: 0 -275px;
}

.commentsTotal h6 {
	font-size: 30px;
}

.commentsTotal h2 {
	font-size: 48px;
	font-weight: bold;
	margin-top: 40px;
	font-family: "adihausbold","黑体";
}

.commentsTotal p {
	font-family: "adihausbold","黑体";
	font-weight: bold;
}

.commentsLoad {
	padding-top: 40px;
}

.commentsLoad a {
	display: inline-block;
	width: 280px;
	height: 44px;
	line-height: 44px;
	text-align: center;
	background: #000;
	color: #fff;
	font-weight: 100;
}

.pdpCommentsFilter {
	margin-right: 80px;
}

.filterBox {
	width: 200px;
	height: 40px;
	border: 1px solid #C8CBCC;
	position: relative;
	padding: 0 10px;
	float: left;
}

.filterBox .filterVal {
	width: 100%;
	height: 100%;
	line-height: 40px;
	cursor: pointer;
}

.filterBox .filterVal span {
	float: left;
	margin-right: 10px;
}

.filterBox .filterVal .star {
	margin-top: 10px;
}

.filterBox .filterVal em {
	display: none;
}

.filterBox .iconArr {
	width: 14px;
	height: 8px;
	background: url(../imgs/icon.png) -105px -50px no-repeat;
	position: absolute;
	top: 15px;
	right: 10px;
}

.filterBox ul {
	position: absolute;
	border: 1px solid #ebebeb;
	background: #fff;
	width: 270px;
	left: -2px;
	top: 42px;
	padding: 20px 20px 10px;
	display: none;
}

.filterBox ul li {
	height: 27px;
	line-height: 16px;
	padding-bottom: 12px;
	cursor: pointer;
}

.filterBox ul li span {
	float: left;
	font-size: 14px;
	margin-right: 20px;
}

.filterBox ul li em {
	float: right;
	color: #a0a0a0;
}

.filterBox ul li.last {
	color: #A0A0A0;
}

.filterBox ul li:hover {
	color: #8fb8e1;
}

.filterBox .star {
	float: left;
	background: url('../../images/detail/icon.png') no-repeat;
	width: 102px;
	height: 15px;
	margin-right: 10px;
}

.filterBox .star0 {
	background-position: -180px -85px;
}

.filterBox .star1 {
	background-position: 0 0;
}

.filterBox .star2 {
	background-position: 0 -16px;
}

.filterBox .star3 {
	background-position: 0 -32px;
}

.filterBox .star4 {
	background-position: 0 -48px;
}

.filterBox .star5 {
	background-position: 0 -64px;
}

.sortType {
	width: 200px;
	height: 40px;
	border: 1px solid #C8CBCC;
	float: left;
	line-height: 38px;
}

.sortType a {
	display: inline-block;
	width: 50%;
	float: left;
	text-align: center;
}

.sortType a + a {
	border-left: 1px solid #C8CBCC;
}

.btnAddComments.btnBlueLinear {
	height: 40px;
	line-height: 43px;
	text-align: center;
	color: #fff;
}

.btnAddComments.btnBlueLinear:hover {
	padding: 0;
	border: none;
}

.btnAddComments.btnBlueLinear em {
	width: 18px;
	height: 16px;
	margin-left: 5px;
	background: none;
	display: inline-block;
	position: relative;
}

.btnAddComments.btnBlueLinear em:after {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	background: url(../../imgs/common_sprite.png) no-repeat -160px 0px;
	width: 17px;
	height: 16px;
	display: block;
}

.btnAddComments.btnBlueLinear em:after {
	animation-name: myfirst2;
	animation-duration: .3s;
	animation-fill-mode: forwards;
}

.btnAddComments.btnBlueLinear:hover em:after {
	animation-name: myfirst;
	animation-duration: .3s;
	animation-fill-mode: forwards;
}

@keyframes myfirst {
	0% {
		left: 0px;
	}

	100% {
		left: 5px;
	}
}

@keyframes myfirst2 {
	0% {
		left: 5px;
	}

	100% {
		left: 0px;
	}
}

/*pop*/
.popupContentBox {
	position: fixed;
	top: 25%;
	left: 50%;
	z-index: 10;
	background-color: #fff;
	width: 800px;
	padding: 0;
	margin-left: -400px;
	text-align: left;
	z-index: 9999;
	border-bottom: 15px solid #ebebeb;
}

.popupTitle {
	height: 52px;
	line-height: 52px;
	border-bottom: 1px solid #e6e6e6;
	padding: 0 20px;
	font-size: 20px;
}

.popCloseBtn {
	background: none;
	text-indent: 0;
	position: inherit;
	right: 0;
	top: -23px;
	width: 100px;
	height: 52px;
	display: block;
	float: right;
	font-size: 14px;
	text-align: right;
	color: #168fd1;
}

.popCloseBtn em {
	background: url(../../imgs/common_sprite.png) -152px -74px;
	width: 23px;
	height: 23px;
	display: inline-block;
	float: right;
	margin-top: 13px;
}

.popupContent {
	padding: 20px;
	overflow: hidden;
	height: 234px;
}

.popupContent .popupLeft {
	float: left;
	width: 450px;
	height: 200px;
	border-right: 1px dotted #e6e6e6;
}

.popupContent .popupLeft img {
	width: 200px;
	height: 200px;
	float: left;
}

.popupContent .popupLeft .text {
	width: 210px;
	float: right;
	margin-right: 20px;
}

.popupContent .popupLeft .text h2 {
	font-weight: bold;
	line-height: 1.2;
	font-size: 16px;
	margin-bottom: 10px;
}

.popupContent .popupLeft .text p {
	line-height: 1.2;
	font-weight: 16px;
	margin-bottom: 5px;
	color: #a1a1a1;
}

.popupContent .popupRight {
	width: 310px;
	padding: 0 20px;
	float: right;
}

.popupContent .popupRight .productInfo {
	border-bottom: 1px dotted #e6e6e6;
	height: 155px;
}

.popupContent .popupRight h2 {
	color: #a1a1a1;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 30px;
}

.popupContent .popupRight p {
	font-size: 14px;
	margin-bottom: 10px;
}

.popupContent .popupRight p span {
	float: right;
	font-weight: bold;
}

.popupContent .popupRight .priceTotal {
	padding-top: 20px;
	height: 89px;
}

.btnViewCart,.btnCheckout {
	height: 48px;
	line-height: 48px;
	width: 100%;
	font-weight: bold;
	display: block;
	margin-top: 10px;
}

.btnViewCart {
	background: #000;
}

.popSize {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	z-index: 1002;
	display: none;
}

.popSize .popSizeContent {
	background: #fff;
	width: 510px;
	left: 50%;
	position: absolute;
	margin-left: -255px;
	height: 573px;
	top: 15%;
}

.popSize .popSizeContent .title {
	height: 52px;
	line-height: 52px;
	border-bottom: 1px solid #e6e6e6;
	font-size: 16px;
	padding-left: 20px;
}

.popSize .popSizeContent .content {
	padding: 20px;
	height: 520px;
	width: 510px;
	overflow-y: scroll;
}

.popSize .popSizeContent .content h2 {
	padding-bottom: 20px;
	font-size: 24px;
	font-weight: bold;
}

.popSize .popSizeContent .content table {
	width: 100%;
	margin-bottom: 20px;
}

.popSize .popSizeContent .content table td,.popSize .popSizeContent .content table th {
	line-height: 24px;
	text-align: center;
}

.popSize .popSizeContent .content table th {
	background: #5c5c5c;
	color: #fff;
}

.popSize .popSizeContent .content table td {
	background: #eeeeee;
	border-bottom: 1px dashed #c6c6c6;
}

.popSize .popSizeContent .content table tr td:nth-child(2n) {
	background: #e0e0e0;
}

.prevV.pdpSmallImgSlids-Prev.unable,.nextV.pdpSmallImgSlids-Next.unable {
	opacity: .4;
}

/*20160928 加入购物车变大变小*/
.addCart.btnCommon {
	border: none!important;
	padding: 11px!important;
}
